<template>
  <div class="zp">
      <div class="d1"><img src="img\zuopin/zuopin1.jpg" alt=""></div>
      <div class="d2">
        <img src="img/zuopin/zuopin2.jpg" alt="">
        <img src="img/zuopin/zuopin3.jpg" alt="">
        <img src="img/zuopin/zuopin4.jpg" alt="">
      </div>
      <div>
        <ZX/>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
 .zp{
   box-sizing: border-box;
   padding:0 .1rem;
 }
.d1{
  width: 100%;
}
.d1>img{
  width: 100%;
}
.d2{
  display: flex;
  justify-content: space-between;
}
.d2>img{
  width: 30%;
}
</style>